<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <link rel="stylesheet" href="../../style/base.css">
  <link rel="stylesheet" href="../../style/carousel/test.min.css">
  <link rel="stylesheet" href="../../style/carousel/carousel-mobile.min.css">
</head>

<body>
  <div class="carousel-container" id="carousel"></div>
  <script src="../../src/es5/carousel/carousel-mobile.js" charset="utf-8"></script>
  <script type="text/javascript">
    new CarouselMobile('#carousel', {
      carouselImages: [
        'https://i.loli.net/2018/08/04/5b657fef3a46c.jpg',
        'https://i.loli.net/2018/08/04/5b657fef509c9.jpg',
        'https://i.loli.net/2018/08/04/5b657fef51617.jpg',
        'https://i.loli.net/2018/08/04/5b657fef530a1.jpg',
        'https://i.loli.net/2018/08/04/5b657fef52441.jpg'
      ]
    });
  </script>
</body>

</html>
